{{each list}}
<div class="coupon ui-v-a" data-avaliable="{{$value.isAvaliable+''}}" i-tap="clickCoupon({{$index}})">
    {{if $value.type==0}}
    <div class="discount zk">
        <h2>{{floor($value.zk/10)}}</h2>

        <h3>.{{$value.zk%10}}折</h3>
    </div>
    <div class="info">
        <h1>{{$value.title}}</h1>
        <ul>
            <li>
                {{$value.expried | formatDate:'yyyy-MM-dd'}}以前可以使用
            </li>
            <li>
                最高抵{{$value.minus/10}}元
            </li>
        </ul>
    </div>
    {{else}}
    <div class="discount man">
        <div class="ui-price"><span>{{$value.minus/10}}</span></div>
    </div>
    <div class="info">
        <h1>{{$value.title}}</h1>
        <ul>
            <li>
                {{$value.expried | formatDate:'yyyy-MM-dd'}}以前可以使用
            </li>
            <li>
                满{{$value.man/10}}元可用
            </li>
        </ul>
    </div>
    {{/if}}
</div>
{{/each}}

<div class="ui-page-holder"></div>

<style>

    .coupon {
        margin: 16px;
        padding: 8px 0;
        border: solid 1px #f0f0f0;
        background: url(img/dec_triangle.png) white no-repeat right bottom;
        background-size: 21px;
        height: 64px;
    }

    .discount {
        display: inline-block;
        vertical-align: middle;
        min-width: 80px;
        text-align: center;
        white-space: nowrap;
        margin: 8px;
        border-right: solid 1px #dddddd;
        color: red;
    }

    h2 {
        font-size: 36px;
        font-weight: lighter;
        display: inline-block;
    }

    h3 {
        font-size: 18px;
        font-weight: normal;
        display: inline-block;
        position: relative;
        right: 5px;
    }

    .man .ui-price {
        font-weight: lighter;
        position: relative;
        right: 5px;
        font-size: 25px;
    }

    .info {
        display: inline-block;
        vertical-align: middle;
    }

    h1 {
        font-weight: lighter;
        font-size: 14px;
    }

    li {
        margin-left: 16px;
        font-size: 10px;
        color: #888888;
        height: 1.2em;
    }

    [data-avaliable="false"] {
        opacity: 0.3;
    }

</style>